<template>
  <div class="outer-page">
    <div class="inner-page">
      <slot />
    </div>
  </div>
</template>

<style scoped lang="scss">
@use '@/assets/css/variables.scss' as *;

.outer-page {
  width: 100%;
  height: 100%;
  overflow-y: overlay;
  .inner-page {
    width: 100%;
    height: 100%;
    max-width: $width-mobile-max;
    margin: 0 auto;
  }
  *::-webkit-scrollbar {
    display: none;
  }
}
</style>
